$(function () {
  load()
  $('#title').on('keydown', function (event) {
    if (event.keyCode === 13) {
      if ($(this).val().trim() === "") {
        alert('请输入你要的操作')
      } else {
        var todolist = getData()
        todolist.push({ title: $(this).val().trim(), done: false })
        saveData(todolist)
        load()
        $(this).val('')
      }
    }
  });
  $('ul,ol').on('click', 'a', function () {
    var data = getData()
    console.log(data)
    var index = $(this).attr('id')
    data.splice(index, 1)
    saveData(data)
    load()
  });
  $('ul,ol').on('click', 'input', function () {
    var data = getData()
    var index = $(this).siblings('a').attr('id')
    data[index].done = $(this).prop('checked')
    saveData(data)
    load()
  })
  // 得到本地存储的数据
  function getData () {
    var data = localStorage.getItem('todolist')
    if (data) {
      return JSON.parse(data)
    } else {
      return []
    }
  }
  // 数据储存本地
  function saveData (todolist) {
    localStorage.setItem('todolist', JSON.stringify(todolist))
  }
  // 加载本地数据
  function load () {
    var data = getData()
    $('ol,ul').empty()
    var donenum = 0
    var undonenum = 0
    $.each(data, function (i, n) {
      if (n.done) {
        $('ul').prepend("<li><input type='checkbox' checked='checked'><p>" + n.title + "</p><a href='javascript:;' id=" + i + "></a></li>")
        donenum++
      } else {
        $('ol').prepend("<li><input type='checkbox'><p>" + n.title + "</p><a href='javascript:;' id=" + i + "></a></li>")
        undonenum++
      }
      $('#todocount').text(undonenum)
      $('#donecount').text(donenum)
    })
  }
})